<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-2.2.3.min.js"></script>
	
	
	
</head>
<body> 
<form action="${pageContext.request.contextPath }/queryitem.action" method="post">
查询条件：
<table width="100%" border=1>
<tr>

<td>名称：<input type="text" name="items.name" id="queryName" value=""/></td>
<td>描述：<input type="text" name="items.detail" id="queryDetail" value=""/></td>
<td><input type="submit" value="查询"/></td>
</tr>
</table>
商品列表：
<table width="100%" border=1>
<tr>
	<td>删除</td>
	<td>商品名称</td>
	<td>商品价格</td>
	<td>生产日期</td>
	<td>商品描述</td>
	<td>操作</td>
</tr>
<c:forEach items="${itemList }" var="item" varStatus="status">
<tr>
<td>
	<input type="checkbox" name="ids" value="${item.id}"/>
</td>
	<td>
		<input type="text" name="itemsList[${status.index}].name" value="${item.name }"/>
		<input type="hidden" name="itemsList[${status.index}].id" value="${item.id }"/>
	</td>
	<td>  <input type="text" name="itemsList[${status.index}].price" value="${item.price }"/>  </td>
	<td> <input type="text" name="itemsList[${status.index}].createtime" value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>     </td>
	<td><input type="text" name="itemsList[${status.index}].detail" value=" ${item.detail }"/>   </td>
	<td><a href="${pageContext.request.contextPath }/itemEdit/${item.id}">修改</a></td>
</tr>
</c:forEach>

</table>
</form>

	<a href="javascript:void(0)" onclick="ajaxSubmit()">点我发送ajax请求</a>


<script type="text/javascript">
	function ajaxSubmit(){
		alert("ajax json数据交互");
		
		$.ajax({
			type:"post",
			url:"${pageContext.request.contextPath }/ajaxJson.action",
			contentType:"application/json;charset=utf-8",
			data:'{"name":"测试商品","price":99.9}',
			success:function(data){
				alert(data);
				//alert(data.name)
			}
		});
	}


</script>

</body>







</html>